import Vue from 'vue';
import Vuex from 'vuex';
import * as actions from './actions';
import * as getters from './getters';

Vue.use(Vuex); //使用vuex

//创建全局变量
const state = {
    todoList: [], //待办事项列表数据
    menuOpen: false //移动端的时候菜单是否开启
}

//定义mutations==>类似jquery的事件 作用主要是改变store的状态
const mutations = {
    EDITTODE(state, data) { //定义名为 EDITTODE函数用作改变todoLIST的值
        state.todoList = data;
    },
    MENUOPEN(state) { //定义名为MENUOPEN函数改变menuOpen的值
        state.menuOpen = !state.menuOpen;
    }
}

//创建store 实例并且导出
export default new Vuex.Store({
    actions,
    getters,
    state,
    mutations
})